
.main{
  position: relative;
  .title{
    line-height: 40px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
  }
  .item{
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0;
    li{
      position: relative;
      width: 313px;
      height: 160px;
      margin:0 28px 28px 0;
      &.add{
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
        background: #edeae9;
        i{
          font-size: 70px;
          font-weight: bold;
          color: #fff;
        }
      }
      &.card{
        border-radius: 10px;
        padding: 15px 0;
        overflow: hidden;
        box-sizing: border-box;
        .line{
          padding: 0 20px;
          line-height: 20px;
          margin-bottom: 10px;
          justify-content: space-between;
          color:#fff;
          .left{
            font-size: 16px;
          }
        }
        .path{
          padding:  0 20px;
          color: #fff;
        }
        .check{
          position: absolute;
          bottom:13px;
          left: 0;
          width: 100%;
          height: 30px;
          justify-content: space-between;
          padding: 0 20px;
          box-sizing: border-box;
          background: #edeae9;
          span{
            color:#bb4342;
          }
          span:nth-child(1){
            cursor: pointer;
          }
        }
      }
    }
  }
}

.t-body{
  box-sizing: border-box;
  .title{
    margin-bottom: 20px;
    line-height: 25px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
  }

}
.submit{
  justify-content: center;
}
.m-title{
  width: 100px;
  margin: 0 5px;
  text-align: right;
  color:#606266;
}
